.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: url("") no-repeat scroll right top transparent !important;
    color: #444444 !important;
    display: block !important;
    float: left !important;
    font: 12px arial,sans-serif;
    height: 24px;
    margin-right: 0px;
    padding-right: 0px;
    text-decoration: none;
    background-color: grey;
}

a.button span {
    background: url("") no-repeat scroll right top transparent !important;
    background-color: grey;
    display: block !important;
    line-height: 0px;
    padding: 0px 0 0px 0px !important;
    font: 12px arial,sans-serif !important;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
    font: 12px arial,sans-serif;
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
    font: 12px arial,sans-serif;
} 
